<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/pages/include/taglib.jsp"%>
<!DOCTYPE html>
<html>

<head>
   <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <title>404</title>

    <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'>

    <%@ include file="/WEB-INF/pages/include/baseCSS.jsp"%>

</head>

<body class="error-page alt sb-l-c sb-r-c">

  <!-- Start: Main -->
  <div id="main">

    <!-- Start: Content-Wrapper -->
    <section id="content_wrapper">

      <!-- Begin: Content -->
      <section id="content" class="pn animated fadeIn">

        <div class="center-block mt50 mw800">
          <h1 class="error-title"> 404! </h1>
          <h2 class="error-subtitle">页面被狗吃掉了.</h2>
        </div>
        <div class="mid-section">
          <div class="mid-content clearfix">
            <input type="text" class="form-control" placeholder="我想提问!" value="">
            <div class="pull-right mt20">
              <a href="#" title="facebook link">
                <i class="fa fa-facebook-square fs40 text-primary mr15"></i>
              </a>
              <a href="#" title="twitter link">
                <i class="fa fa-twitter-square fs40 text-info mr15"></i>
              </a>
              <a href="#" title="google plus link">
                <i class="fa fa-google-plus-square fs40 text-danger-light mr15"></i>
              </a>
              <a href="#" title="email link">
                <i class="fa fa-envelope-square fs40 text-warning"></i>
              </a>
            </div>

          </div>
        </div>

        <a href="pages_404.html" id="return-arrow">
          <i class="fa fa-arrow-left fa-3x text-primary"></i>
          <span> 返回
            <br> 首页 </span>
        </a>

      </section>
      <!-- End: Content -->

    </section>

  </div>
  <!-- End: Main -->

</body>

</html>
